import React, { Component } from 'react';
import { LineChart } from '_platform/components4max/Charts/Line';

export default class MutiLineChart extends Component {
    render() {
        return (
            <LineChart style={{ width: '100%', height: '100%' }}
             option={
                {
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: false,
                        data: ['一','二','三','四','五','六','日'],
                        axisLine:{
                            lineStyle:{
                                color:'#fff'
                            }
                        },
                        axisLabel :{
                            color :'#fff'
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisLine:{
                            lineStyle:{
                                color:'#fff'
                            }
                        },
                        axisLabel :{
                            color :'#fff'
                        }
                    },
                    series: [
                        {
                            name:'1',
                            type:'line',
                            stack: '总量',
                            data:[0, 132, 101, 134, 90, 230, 210]
                        }
                    ]
                }
             } />
        )
    }
}